import { Show, type ParentComponent, type ParentProps } from "solid-js";

const EmptyContentWrapper = (p: ParentProps) => {
  return <div class="d-flex justify-content-center h-100" style={{ "align-items": 'center' }}>
    {p.children}
  </div>
}

const EmptyContent: ParentComponent<{}> = (props) => {
  return <div class="d-flex justify-content-center h-100 w-100" style={{ "align-items": 'center' }}>
    <Show when={props.children} fallback={'Empty'}>
      {props.children}
    </Show>
  </div>
};

export default EmptyContent
